<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    div {
      width: 500px;
      height: 60px;
      border: 1px solid #000;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      text-overflow: ellipsis;
      overflow: hidden;


      /* 过渡属性 */
      /* transition: all 1s;
      -webkit-transition: all 1s;
      -ms-transition: all 1s;
      -o-transition: all 1s;
      -moz-transition: all 1s; */
    }
  </style>
</head>
<body>
  <div>
    深刻领会传承中华优秀传统文化的重要意义。推动中华优秀传统文化传承发展是治国理政的重大议题。只有全面深入了解中华文明的历史，才能更有效地推动中华优秀传统文化创造性转化、创新性发展，更有力地推进中国特色社会主义文化建设，建设中华民族现代文明。中华优秀传统文化在建设中华民族现代文明中发挥着不可替代的重要作用。要不断深化对文化建设的规律性认识，自觉传承和弘扬中华优秀传统文化，为建设中华民族现代文明作出更大贡献。
  </div>
</body>
</html>

<!-- 
  浏览器内核

    Webkit内核：是苹果公司开发的浏览器内核，也被广泛用于Safari、Chrome等浏览器。Webkit内核的特点是速度快、效率高，并且具有更好的安全性。它也是目前最流行的浏览器内核之一，能够提供流畅的网页浏览体验。所有的手机浏览器用的都是webkit内核,开源,-webkit-

    Trident内核：也被称为IE内核，是微软开发的浏览器内核。它被包含在Windows操作系统中，因此也被广泛称为IE内核。Trident内核的常见浏览器包括Internet Explorer、Maxthon、The World、360浏览器等。其特点是兼容性好，但页面渲染速度相对较慢。-ms-

    Gecko内核：是Mozilla Foundation开发的浏览器内核，被广泛用于Firefox、Netscape 6及以上版本等浏览器。Gecko内核的特点是代码完全公开，开发程度高，渲染速度快，能够提供更好的网页渲染体验。Gecko内核是跨操作系统的。-moz-

    Presto内核：是Opera Software开发的浏览器内核，也被广泛用于Opera 7及以上版本等浏览器。Presto内核的特点是速度快、效率高，但随着Opera浏览器的市场份额减少，其影响力也在逐渐减弱。
    -o-

    Blink内核：是谷歌开发的一个基于Webkit的浏览器内核，也被广泛用于Chrome、Opera等浏览器。Blink内核的特点是速度快、效率高，并且能够提供更好的网页渲染体验。

 -->